<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>角色管理</title>
<link href="__PUBLIC__/admin/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="__PUBLIC__/admin/js/jquery.js"></script>

<script type="text/javascript">
$(document).ready(function(){
  $(".click").click(function(){
  $(".tip").fadeIn(200);
  });
  
  $(".tiptop a").click(function(){
  $(".tip").fadeOut(200);
});

  $(".sure").click(function(){
  $(".tip").fadeOut(100);
});

  $(".cancel").click(function(){
  $(".tip").fadeOut(100);
});

});
</script>
</head>
<body>
    <p>123</p>
	<div class="place">
    <span>位置：</span>
    <ul class="placeul">
    <li><a href="<?php echo U('admin/main')?>">首页</a></li>
    <li><a >角色管理</a></li>
    </ul>
    </div>
    
    <div class="rightinfo">
    

    
    <div class="tools">
    	<ul class="toolbar">
        <a id="add"><li ><span><img src="__PUBLIC__/admin/images/t01.png" /></span>添加角色</li></a>
		</li>
        </ul>
    </div>
       <script>
		$("a#add").click(function(){
			$("#a").attr("style","display:block");
		});	
	</script>
	<div id="a" class="tip" style="">
    	<div class="tiptop"><span>添加角色</span><a></a></div>
        <form action="{:U("group/add")}" method="post" >
      <div class="tipinfo">
        <span><img src="__PUBLIC__/admin/images/ticon.png" /></span>

        <div class="tipright">
        <p>请输入角色名:</p>
        <input type="text" name="name" class="dfinput" style="width:250px;" />
        </div>
        </div>
        
        <div class="tipbtn" style="margin-left:145px;">
        <input type="submit"  class="sure" value="确定" style="margin-right:30px;" />&nbsp;
			<input name="" type="button"  class="cancel" value="取消" />
        </div>
    </form>	
    </div>
    <table class="tablelist">
    	<thead>
    	<tr>
        <th style="width:100px">编号</th>
        <th >角色</th>
        <th >操作</th>
        </tr>
        </thead>
        <tbody>
        	<volist name="list" id="vo">
<tr>
<td>{$vo.id}</td>
<td>{$vo.title}</td>
<td><a  class="tablelink"   href="{:U('Group/quanxian')}/gid/{$vo.id}" >权限配置</a><a class="shan" class="tablelink"  userid="{$vo.id}"  data-toggle="modal" href="#myAlert" >更改</a></td>
</tr>
        	</volist>

        </tbody>


       
    </table>
</form>
    <div class="pagin">
		<!--{$page}-->
    </div>
   <script>
		$("a.shan").click(function(){
			$("#s").attr("style","display:block");
			var id = $(this).attr("userid");
			$("#editid").attr("value",id);
		});
		
	</script>
	<div id="s" class="tip" >
    	<div class="tiptop"><span>更改角色名</span><a></a></div>
        <form action="{:U("group/edit")}" method="post" >
      <div class="tipinfo">
        <span><img src="__PUBLIC__/admin/images/ticon.png" /></span>
        <div class="tipright">
        <p>新的角色名:</p>
        <input type="text" name="name" class="dfinput" style="width:250px;" />
        <input type="hidden" id="editid" name="editid" />
        </div>
        </div>
        <div class="tipbtn" style="margin-left:145px;">
        <input type="submit"  class="sure" value="确定" style="margin-right:30px;" />&nbsp;
			<input name="" type="button"  class="cancel" value="取消" />
        </div>
    </form>	
    </div>
    
    
    
    </div>
    
    <script type="text/javascript">
	$('.tablelist tbody tr:odd').addClass('odd');
	</script>

</body>

</html>
